/**
 * 菜单
 * */
$(function(){
    layui.use(['element', 'layer', 'jquery'], function () {
        var element = layui.element;
        var $ = layui.$;
        // var layer = layui.layer;
        // 左侧导航区域（可配合layui已有的垂直导航）
        $.get("./navigation/findMenu",function(data){
            if(data!=null){
                getMenus(data.menu);
                // 配置tab实践在下面无法获取到菜单元素
                $('.site-demo-active').on('click', function () {
                    var dataid = $(this);
                    //这时会判断右侧.layui-tab-title属性下的有lay-id属性的li的数目，即已经打开的tab项数目
                    if ($(".layui-tab-title li[lay-id]").length <= 0) {
                        //如果比零小，则直接打开新的tab项
                        active.tabAdd(dataid.attr("data-url"), dataid.attr("data-id"), dataid.attr("data-title"));
                    } else {
                        //否则判断该tab项是否以及存在
                        var isData = false; //初始化一个标志，为false说明未打开该tab项 为true则说明已有
                        $.each($(".layui-tab-title li[lay-id]"), function () {
                            //如果点击左侧菜单栏所传入的id 在右侧tab项中的lay-id属性可以找到，则说明该tab项已经打开
                            if ($(this).attr("lay-id") == dataid.attr("data-id")) {
                                isData = true;
                            }
                        })
                        if (isData == false) {
                            //标志为false 新增一个tab项
                            active.tabAdd(dataid.attr("data-url"), dataid.attr("data-id"), dataid.attr("data-title"));
                        }
                    }
                    //最后不管是否新增tab，最后都转到要打开的选项页面上
                    active.tabChange(dataid.attr("data-id"));
                });

                var active = {
                    //在这里给active绑定几项事件，后面可通过active调用这些事件
                    tabAdd: function (url, id, name) {
                        //新增一个Tab项 传入三个参数，分别对应其标题，tab页面的地址，还有一个规定的id，是标签中data-id的属性值
                        //关于tabAdd的方法所传入的参数可看layui的开发文档中基础方法部分
                        element.tabAdd('demo', {
                            title: name,
                            content: '<iframe data-frameid="' + id + '" scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:99%;"></iframe>',
                            id: id //规定好的id
                        })
                        FrameWH();  //计算ifram层的大小
                    },
                    tabChange: function (id) {
                        //切换到指定Tab项
                        element.tabChange('demo', id); //根据传入的id传入到指定的tab项
                    },
                    tabDelete: function (id) {
                        element.tabDelete("demo", id);//删除
                    }
                };

                element.render('nav');
            }else{
                layer.alert("权限不足，请联系管理员",function () {
                    //退出
                    window.location.href="./logout";
                });
            }
        });

        function FrameWH() {
            var h = $(window).height();
            $("iframe").css("height",(h-150)+"px");
        }
    });
})
var getMenus=function(data){
    //回显选中
    var ul=$("<ul class='layui-nav layui-nav-tree' lay-filter='test'></ul>");
    for(var i=0;i < data.length;i++){
        var node=data[i];
        var li=$("<li class='layui-nav-item' flag='"+node.id+"'></li>");
        var a=$("<a class='' href='javascript:;'>"+node.name+"</a>");
        li.append(a);
        //获取子节点
        var childArry = node.childrens;
        if(childArry.length>0){
            a.append("<span class='layui-nav-more'></span>");
            var dl=$("<dl class='layui-nav-child'></dl>");
            for (var y in childArry) {
                var dd=$("<dd><a data-type='tabAdd' href='javascript:;' data-id='"+childArry[y].id+"'class='site-demo-active' data-url='"+childArry[y].url+"'  data-title='"+childArry[y].name+"'>"+childArry[y].name+"</a></dd>");
                //判断选中状态
                // if(pathUri.indexOf(childArry[y].url)>0){
                //     li.addClass("layui-nav-itemed");
                //     dd.addClass("layui-this")
                // }
                dl.append(dd);
            }
            li.append(dl);
        }
        ul.append(li);
    }
    $(".layui-side-scroll").append(ul);
}
//根据菜单主键id获取下级菜单
//id：菜单主键id
//arry：菜单数组信息
function getParentArry(id, arry) {
    var newArry = new Array();
    for (var x in arry) {
        if (arry[x].pId == id)
            newArry.push(arry[x]);
    }
    return newArry;
}



function updateUsePwd(){
    layer.open({
        type:1,
        title: "修改密码",
        fixed:false,
        resize :false,
        shadeClose: true,
        area: ['450px'],
        content:$('#pwdDiv')
    });
}